<template>
	<view>
	<!-- <view class="serwch">
		<my-cearch @goSearch="goSearch" ></my-cearch>
	</view> -->
<view class="swiper_box">
	
	
	<swiper  :circular="true" :indicator-dots="true"
	indicator-active-color="#C00000"
	:autoplay="true" :interval="3000" :duration="1000" >
		<swiper-item class="swiper_item" v-for="(item,index) in swrperData" :key="index" >
			
				<navigator :url= "`/subpkg/goodes_details/goodes_details?goods_id=${item.goods_id}`">
					 
					<image class="sw_image" :src="item.image_src" mode=""></image>
				</navigator>
				
			
		</swiper-item>
	
	</swiper> 
	
</view>
<!-- <uni-grid :column="3">
	<uni-grid-item>
		<text class="text">文本</text>
	</uni-grid-item>
	<uni-grid-item>
		<text class="text">文本</text>
	</uni-grid-item>
	<uni-grid-item>
		<text class="text">文本</text>
	</uni-grid-item>
</uni-grid> -->
<!-- 导航栏区域 -->
<view class="fenye1">
<view class="fenyue2" v-for="(item,index) in navData" :key="index" @click="navClickHandler(item)">
<view>
	<image class="fenyue2_img" :src="item.image_src" mode=""></image>
</view> 
	
</view>


</view>
<uni-card >
	<p class='zhuyi'>注意：具体报价结果以人工核实为准！</p>
	<view class="liji">
		<button @click="goSearch" type="primary">立即报价</button>
	</view>
</uni-card>
<view class="gun">
	<uni-notice-bar scrollable single text="LED计算器,计算专业,数据准确,现进入测试阶段,欢迎使用!"></uni-notice-bar>
</view>
<!-- <p style="color:crimson;">修改无法注册后台的bug！！！！</p> -->
<!-- 楼层区域 -->
<!-- 新用户是无数据的，需要自己去后台系统设置数据。
后台地址：http://43.138.24.30，申请后台账号后可以自己设定想要的数据，以供计算。打印XLSX报价单。

请前往个人中心申请账号，本系统完全免费的哦！ -->
<br>
<!-- 支持个性化模块制作！ -->
	</view>
</template>

<script>
	import badgeMix from '@/mixins/index.js'
	
	export default {
		
		mixins:[badgeMix],
		data() {
			return {
				
				dianColor:'#C00000',
				// 轮播数据
				swrperData:[
					{image_src:"https://www.leyard.com/repository/image/6366686c-8f84-4e99-9ce3-80629c9c5096.jpg"}
				
				,{
					image_src:"https://img1.baidu.com/it/u=484169671,2292604900&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
				}
				],
				// 导航栏数据
				navData:[],
				// 楼层数据	
				louchengData:[]
			};
		},onLoad(){
			
	
		
		

// this.gangg()
		},
		methods:{
			
			
			// 跳转到广告
			gangg(){
				uni.navigateTo({
					url:"../cart/cart"
				})
			},
	
			// 搜索跳到详情
			goSearch(){
		
				uni.navigateTo({
					url:`/subpkg/se4arch/se4arch`
				});
			},
	
		
			// 点击分类跳转到nav分类
			navClickHandler(item){
				if(item.name==='分类'){
				uni.switchTab({
				     url: '/pages/cate/cate'
				   })
				}
				
			}
		}
		
	}
</script>

<style lang="scss">
.swiper_item{height: 150px;
.sw_image{
	width: 100%;
	height: 400rpx;
}
}
.gun{margin-top: 20px;}
.liji{
	margin-top: 30px;
button{width: 50vw;
margin-top: -20px;
background-color: #029d94;}
}
.zhuyi{text-align: center;
font-size: 12px;
color: #000;}

</style>
